<!doctype html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=1024" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<title>AWS Platform</title>

	<link rel="stylesheet" href="../../css/impress-demo.css" />
	<link rel="stylesheet" href="../../css/style.css" />
	<link rel="shortcut icon" href="./favicon.png" />
	<link rel="apple-touch-icon" href="apple-touch-icon.png" />
	<style>
		.box-wrapper {
			margin-left:200px;
		}
		.box-wrapper .tit {
			padding-bottom:50px;
		}
		.ml25{
			margin-left:45px;
		}
		.indextit {
			color:#ffd04b;
			margin-right:15px;
		}
		.pack-round {
			width:250px;
			height:200px;
			border-radius:50%;
			border:3px solid #ffd04b;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			text-align:
		}

		.pack-round span {
			text-align: center;
    		padding-top: 35px;
		}
	</style>
</head>

<body class="impress-not-supported">

	<div id="impress" data-autoplay="1000">

		<div id="overview" class="step" data-x="0" data-y="0" data-z="0" data-scale="5.8"></div>

		<div id="Start" class="step" data-x="0" data-y="0" data-scale="4">
			<div class="box-wrapper">
				<p class="tit pack-round">
					<span>AWS Platform</span>
				</p>
			</div>
		</div>


		<div id="T0" class="step" data-x="0" data-y="-2000" data-scale="4">
			<div class="box-wrapper">
				<p class="tit pack-round">
					<span> 0.&nbsp;AWS 介绍 </span>
				</p>
			</div>
		</div>

		<div id="T0_sub1" class="step" data-x="0" data-y="-2000" data-z="-10" data-scale="0.1">
	        <ul>
	        	<li>亚马逊AWS（Amazon Web Services (AWS) ）是亚马逊提供的专业云计算服务，于2006年推出，以Web服务的形式向企业提供IT基础设施服务，通常称为云计算。</li>
				<li>其主要优势之一是能够以根据业务发展来扩展的较低可变成本来替代前期资本基础设施费用。</li>
				<li>亚马逊网络服务所提供服务包括：
					<ol>
						<li>亚马逊弹性计算网云（Amazon EC2）</li>
						<li>亚马逊简单储存服务（Amazon S3）</li>
						<li>亚马逊K8S托管服务（Amazon EKS）</li>
					</ol>
	        	</li>
	        </ul>
	    </div>


		<div id="overview" class="step" data-x="0" data-y="0" data-z="0" data-scale="5.8"></div>

		<div id="T1" class="step" data-x="2200" data-y="-1000" data-scale="4">
			<div class="box-wrapper">
				<p class="tit pack-round">
					<span>1.&nbsp;目标初衷</span>
				</p>
			</div>
		</div>

		<div id="T1_sub1" class="step" data-x="2200" data-y="-1000" data-z="-10" data-scale="0.1">
			<div class="box-wrapper">
				<p class="tit">1.1&nbsp;经济成本</p>
				<ul>
					<li>
		        		<span class="indextit">1.</span> 330 * 12 * 9 = 35640 *  3 = 106920
		        	</li>
					<li>
		        		<span class="indextit">2.</span> 三年预付款 108,571.98
		        	</li>
		        </ul>
			</div>
	    </div>

		<div id="T1_sub2" class="step" data-x="2200" data-y="-1000" data-z="-200" data-scale="0.1">
			<div class="box-wrapper">
				<p class="tit">1.2&nbsp;硬件管理</p>
				<ul>
					<li>
		        		<span class="indextit">1.</span> 断电维护
		        	</li>
					<li>
		        		<span class="indextit">2.</span> 带宽占用
		        	</li>
		        </ul>
			</div>
	    </div>

		<div id="T1_sub3" class="step" data-x="2200" data-y="-1000" data-z="-300" data-scale="0.1">
			<div class="box-wrapper">
				<p class="tit">1.3&nbsp;系统环境</p>
				<ul>
					<li>
		        		<span class="indextit">1.</span> 统一所有人的开发环境，避免频繁装系统
		        	</li>
					<li>
		        		<span class="indextit">2.</span> 5min copy 新环境
		        	</li>
		        </ul>
			</div>
	    </div>

		<div id="T1_sub4" class="step" data-x="2200" data-y="-1000" data-z="-400" data-scale="0.1">
			<div class="box-wrapper">
				<p class="tit">1.4&nbsp;沙盒动态扩展</p>
				<ul>
					<li>
		        		<span class="indextit">1.</span> 新增计算资源
		        	</li>
					<li>
		        		<span class="indextit">2.</span> 自动挂起资源
		        	</li>
		        </ul>
			</div>
	    </div>

		<div id="T1_sub5" class="step" data-x="2200" data-y="-1000" data-z="-500" data-scale="0.1">
			<div class="box-wrapper">
				<p class="tit">1.5&nbsp;直接对接云计算平台</p>
				<ul>
					<li>
		        		<span class="indextit">1.</span> 集群配置项
		        	</li>
					<li>
		        		<span class="indextit">2.</span> 权限系统
		        	</li>
		        </ul>
			</div>
	    </div>

		<div id="T1_sub6" class="step" data-x="2200" data-y="-1000" data-z="-600" data-scale="0.1">
			<div class="box-wrapper">
				<p class="tit">1.6&nbsp;学习成本</p>
				<ul>
					<li>
		        		<span class="indextit">1.</span> 统一 IDE
		        	</li>
					<li>
		        		<span class="indextit">2.</span> 远程办公，告别VPN
		        	</li>
		        </ul>
			</div>
	    </div>


		<div id="overview" class="step" data-x="0" data-y="0" data-z="0" data-scale="5.8"></div>

		<div id="T2" class="step" data-x="2200" data-y="1000" data-scale="4">
			<div class="box-wrapper">
				<p class="tit pack-round">
					<span>2.&nbsp;成果展示</span>
				</p>
			</div>
		</div>

		<div id="T2_sub1" class="step" data-x="2200" data-y="1000" data-z="-100" data-scale="0.1">
			<div class="box-wrapper">
				<p class="tit">2.1&nbsp;C9 使用演示</p>
				<ul>
					<li>
		        		<span>登录地址: <a href="http://demo.ide.pharbers.com">http://demo.ide.pharbers.com</a></span>
		        	</li>
		        </ul>
			</div>
	    </div>

		<div id="T2_sub1_1" class="step" data-x="2200" data-y="1000" data-z="-500" data-scale="0.1">
			<div class="box-wrapper">
				<p class="tit">个性化设置</p>
				<ul>
					<li>
		        		<span class="indextit">1. 主题风格</span> View => Themes
		        	</li>
					<li>
		        		<span class="indextit">2. Vim 模式</span> Edit => Keyboard Mode
		        	</li>
		        </ul>
			</div>
	    </div>

		<div id="T2_sub1_2" class="step" data-x="2200" data-y="1000" data-z="-700" data-scale="0.1">
			<div class="box-wrapper">
				<p class="tit">git 常用命令</p>
				<ul>
					<li>
		        		<span class="indextit">1. clone</span> git clone https://github.com/PharbersDeveloper/Max-repo
		        	</li>
					<li>
		        		<span class="indextit">2. 切换分支</span> git checkout -b janssen_ot_lu origin/janssen_ot_lu
		        	</li>
					<li>
		        		<span class="indextit">3. 拉取新代码</span> git pull
		        	</li>
					<li>
		        		<span class="indextit">4. 查看日志</span> git log --graph --pretty=oneline --abbrev-commit
		        	</li>
					<li>
		        		<span class="indextit">5. 提交代码</span> git add . && git commit -m "加入子标题" && git push
		        	</li>
		        </ul>
			</div>
	    </div>

		<div id="T2_sub2" class="step" data-x="2200" data-y="1000" data-z="-200" data-scale="0.1">
			<div class="box-wrapper">
				<p class="tit">2.2&nbsp;RStudio 使用演示</p>
				<ul>
					<li>
		        		<span>登录地址: <a href="http://rstudio.ide.pharbers.com">http://rstudio.ide.pharbers.com/</a></span>
		        	</li>
		        </ul>
			</div>
	    </div>


		<div id="overview" class="step" data-x="0" data-y="0" data-z="0" data-scale="5.8"></div>

		<div id="T3" class="step" data-x="0" data-y="2000" data-scale="4">
			<div class="box-wrapper">
				<p class="tit pack-round">
					<span>3.&nbsp;镜像细节</span>
				</p>
			</div>
		</div>

		<div id="T3_sub1" class="step" data-x="0" data-y="2000" data-z="-100" data-scale="0.1">
			<div class="box-wrapper">
				<p> <img src="./img/AWS HDSP Dockerfile.png"> </p>
			</div>
	    </div>
AWS VPC Network

		<div id="overview" class="step" data-x="0" data-y="0" data-z="0" data-scale="5.8"></div>

		<div id="T4" class="step" data-x="-2200" data-y="1000" data-scale="4">
			<div class="box-wrapper">
				<p class="tit pack-round">
					<span>4.&nbsp;架构图</span>
				</p>
			</div>
		</div>

		<div id="T4_sub2" class="step" data-x="-2200" data-y="1000" data-z="-1000" data-scale="1">
			<div class="box-wrapper">
				<p class="tit">4.1&nbsp;网络拓扑图</p>
				<p> <img src="./img/AWS VPC Network.png"> </p>
			</div>
	    </div>

		<div id="T4_sub1" class="step" data-x="-2200" data-y="1000" data-z="-2000" data-scale="1">
			<div class="box-wrapper">
				<p class="tit">4.2&nbsp;整体架构图</p>
				<p> <img src="./img/AWS EKS Network.png"> </p>
			</div>
	    </div>


		<div id="overview" class="step" data-x="0" data-y="0" data-z="0" data-scale="5.8"></div>

		<div id="T5" class="step" data-x="-2200" data-y="-1000" data-scale="4">
			<div class="box-wrapper">
				<p class="tit pack-round">
					<span>5.&nbsp;搭建流程</span>
				</p>
			</div>
		</div>

		<div id="T5_sub1" class="step" data-x="-2200" data-y="-1000" data-z="-1000" data-scale="0.4">
			<div class="box-wrapper">
				<p class="tit">5.1&nbsp;IAM 介绍和使用</p>
				<ul>
		        	<li>
						AWS Identity and Access Management (IAM) ⽤户 是您在 AWS 中创建的⼀个实体，
						该实体代表使⽤它与 AWS 进⾏交互的⼈员或应⽤程序。AWS 中的⽤户包括名称和凭证。
					</li>
		        </ul>
				<br>
				<a href="./file/IAM 创建流程.pdf"> IAM 创建流程.pdf </a>
			</div>
	    </div>

		<div id="T5_sub2" class="step" data-x="-2200" data-y="-1000" data-z="-2000" data-scale="0.4">
			<div class="box-wrapper">
				<p class="tit">5.2&nbsp;EKS 介绍和使用</p>
				<ul>
		        	<li>
						亚马逊K8S托管服务。
					</li>
		        </ul>
				<br>
				<a href="./file/EKS 创建流程.pdf"> EKS 创建流程.pdf </a>
			</div>
	    </div>

		<div id="T5_sub3" class="step" data-x="-2200" data-y="-1000" data-z="-3000" data-scale="0.4">
			<div class="box-wrapper">
				<p class="tit">5.3&nbsp;VPC 介绍和使用</p>
				<ul>
		        	<li>
						Amazon Virtual Private Cloud (Amazon VPC) 允许您在已定义的虚拟⽹络内启动 AWS
						资源。这个虚拟⽹络与您在数据中⼼中运⾏的传统⽹络极其相似，并会为您提供使⽤
						AWS 的可扩展基础设施的优势。
					</li>
		        </ul>
				<br>
				<a href="./file/VPC 创建流程.pdf"> VPC 创建流程.pdf </a>
			</div>
	    </div>

		<div id="T5_sub4" class="step" data-x="-2200" data-y="-1000" data-z="-4000" data-scale="0.4">
			<div class="box-wrapper">
				<p class="tit">5.4&nbsp;VPC 安全</p>
				<ul>
					<li>
		        		<span class="indextit">1. 安全组</span>
		        	</li>
					<li>
		        		<span class="indextit">2. 网络ACL</span>
		        	</li>
		        </ul>
			</div>
	    </div>

		<div id="T5_sub5" class="step" data-x="-2200" data-y="-1000" data-z="-5000" data-scale="0.4">
			<div class="box-wrapper">
				<p class="tit">5.5&nbsp;K8S 使用手册</p>
				<ul>
					<li>
		        		<span class="indextit">1. 项目地址</span>
		        	</li>
					<li>
		        		<span class="indextit">2. 规范</span>
		        	</li>
					<li>
		        		<span class="indextit">3. 调度</span>
		        	</li>
					<li>
		        		<span class="indextit">4. 升级</span>
		        	</li>
					<li>
		        		<span class="indextit">5. 驱逐</span>
		        	</li>
		        </ul>
			</div>
	    </div>


		<div id="End" class="step" data-x="0" data-y="0" data-z="-10000"  data-scale="-1">
			<div class="box-wrapper">
				<p class="tit pack-round">
					<span>谢谢大家</span>
				</p>
			</div>
		</div>

	</div>

	<div id="impress-toolbar"></div>

	<script src="../../js/impress.js"></script>
	<script src="../../js/jquery-2.1.4.min.js"></script>
	<script>
		impress().init();
	</script>
	<script>
		$(document).on('dblclick', 'html', function() {
			impress().next();
		});
	</script>

</body>

</html>
